<template>
    <div>
        <h1>全局过滤器</h1>
        时间戳：<span>{{time}}</span><br/><br/>
        使用过滤器：<span>{{time|fmtTime}}</span><br/><br/>
        <h1>局部过滤器</h1>
        无参数：<span>{{time | timeFormater}}</span><br/><br/>
        
        过滤器参数：<span>{{time | timeFormater('YYYY年MM月DD日')}}</span><br/><br/>

        过滤器串联： <span>{{time | timeFormater | mySlice}}</span>
    </div>
</template>
<script>
import dayjs from 'dayjs'
export default {
    data() {
        return {
            time: new Date().getTime()
        }
    },
    // 局部过滤器
    filters: {
        timeFormater(value,formater = 'YYYY-MM-DD') {
            // 过滤器，默认第一个参数是值，第二个（包括第二个）以后的参数是我们自定义的参数
            // 并且局部过滤器需要有返回值/*  */
            return dayjs(value).format(formater)
        },
        mySlice(value) {
            return value.slice(0,5)
        }
    },

   methods: {
       setTime() {
          this.time =  new Date().getTime()
       }
   }

}
</script>